/* 主题样式文件 - 可通过修改此文件轻松更改网站主题色 */

/* 主题颜色变量 */
:root {
    --primary-theme-color: #1763CC;
    --primary-hover-color: #1353a8;
    --primary-light-color: #e6f0ff;
}

/* 内容包装器样式 */
.content-wrapper {
    /* 设置主题颜色作为边框或背景色 */
    border-radius: 8px;
    /* 增强视觉效果的其他样式 */
    box-shadow: 0 4px 15px rgba(23, 99, 204, 0.1);
    background-color: #fff;
    transition: all 0.3s ease;
}

.content-wrapper:hover {
    box-shadow: 0 6px 20px rgba(23, 99, 204, 0.15);
}

/* 列表容器样式 */
.list-container {
    background-color: #fff;
    border: 1px solid var(--primary-light-color);
    border-radius: 6px;
    transition: border-color 0.3s ease;
}

.list-container:hover {
    border-color: var(--primary-theme-color);
}

/* 当前菜单标题样式 */
#current-menu .title {
    color: var(--primary-theme-color);
}

#current-menu .title::after {
    background-color: var(--primary-theme-color);
}

/* 树形菜单项选中样式 */
.tree-item.selected {
    color: var(--primary-theme-color);
    background-color: var(--primary-light-color);
    font-weight: bold;
}

.tree-item.selected .tree-arrow {
    color: var(--primary-theme-color);
}
.tree-item:hover {
    color:var(--primary-theme-color);
}
.tree-item:hover .tree-arrow{
    color:var(--primary-theme-color);
}
/* 底部信息区域样式 */
.footer-info {
    background-color: var(--primary-theme-color);
    color: white;
}
.form-buttons button[type="submit"]{
    background-color: var(--primary-theme-color);
}
.list-content li span:first-child:hover {
    color: var(--primary-theme-color);

}
.pagination .page-item:hover {
    color:var(--primary-theme-color);
    border-color:var(--primary-theme-color);
    background-color: #fff;
}
.pagination button:hover {
    background-color: #fff;
    color:var(--primary-theme-color);
}
.form-buttons button[type="submit"]:hover{
    background-color: var(--primary-theme-color);
}
.footer-section a {
    color: white;
}

.footer-section a:hover {
    text-decoration: underline;
}

/* 其他可通过主题色统一更改的元素 */
.menu-container {
    background-color: var(--primary-theme-color);
}

.menu-item:hover {
    background-color: var(--primary-hover-color);
}

.menu-item.active {
    color: var(--primary-theme-color);
}

.tree-item[data-tree="public-service"] {
    background-color: var(--primary-theme-color);
}

.tree-item:hover[data-tree="public-service"] {
    background-color: var(--primary-theme-color);
}

#search-btn {
    background-color: var(--primary-theme-color);
}

#search-btn:hover {
    background-color: var(--primary-hover-color);
}